<!doctype html>
<html>
    <head>
        <title>pixi.js example 1</title>
        <style>
         body {
             margin: 0;
             padding: 0;
             background-color: #000000;
         }
        </style>
        <script src="pixi.js"></script>
    </head>
    <body>
        <script>
         var stage = new PIXI.Stage(0x66FF99);
         var renderer = PIXI.autoDetectRenderer(400, 300);

         document.body.appendChild(renderer.view);

         requestAnimFrame(animate);

         var texture = PIXI.Texture.fromImage("bunny.png");
         var bunny = new PIXI.Sprite(texture);

         bunny.anchor.x = 0.5;
         bunny.anchor.y = 0.5;

         bunny.position.x = 200;
         bunny.position.y = 150;

         stage.addChild(bunny);

         function animate() {
             requestAnimFrame(animate);

             bunny.rotation += 0.1;

             // render the stage
             renderer.render(stage);
         }
        </script>

    </body>
</html>
